<template>
    <van-nav-bar title="我的卡卷" left-arrow @click-left="onClickLeft" />
    <div class="box">
        <div class="nav">
            <van-popup v-model:show="show">
                <p>1、妙手医生问诊卷不可叠加使用</p>
                <p>2、妙手医生问诊卷使用条件:仅在妙手平台的问诊使用</p>
                <p>3、妙手医生问诊卷为满减卷，只有在指定医生复诊满额的情况下使用</p>
                <p>4、问诊卷晓期，过期之后不可使用</p>
            </van-popup>
            问诊卷使用说明<van-icon name="warning-o" @click="showPopup" />
        </div>
        <div class="ban">
            没有更多有效卷了
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

import { useRouter } from 'vue-router';
const show = ref(false);
const showPopup = () => {
    show.value = true;
};
const router = useRouter()

const onClickLeft = () => {
    router.back()
}

</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100%;

    .nav {
        width: 100%;
        height: 30px;
        background: #fff7e3;
        padding-left: 20px;
        padding-top: 5px;
        line-height: 20px;

    }

    .ban {
        text-align: center;
        margin-top: 30px;
    }
}
</style>